$(document).ready(function () {

    $("#accordian h3").click(function () {
        $("#accordian ul ul").slideUp();
        if (!$(this).next().is(":visible")) {
            $(this).next().slideDown();
        }
    });

    $("a[rel=fancybox]").fancybox({
        openEffect: 'elastic',
        closeEffect: 'fade'
    });

    $(".fancybox").fancybox({
        helpers: {
            title: {
                type: 'float'
            }
        }
    });

    $("#fancybox").fancybox({
        helpers: {
            title: {
                type: 'float'
            }
        }
    });

    tooltip();

    $("div.Rows").hide();

    initMenus();

    //// NewsUpdate
    //$('.news_update').vTicker({
    //    speed: 500,
    //    pause: 3000,
    //    animation: 'fade',
    //    mousePause: true,
    //    showItems: 2
    //});

    //// tabs
    //$("ul.tabs li").fadeIn(400);
    //$("ul.tabs li:first").addClass("active").fadeIn(400);
    //$(".tab_content:first").fadeIn();
    //$("ul.tabs li").live('click', function () {
    //    $("ul.tabs li").removeClass("active");
    //    $(this).addClass("active");
    //    var activeTab = $(this).find("a").attr("href");
    //    $('.tab_content').fadeOut();
    //    $(activeTab).delay(400).fadeIn();
    //    ResetForm();
    //    return false;
    //});

    $(window).scroll(function () {
        if ($(this).scrollTop() > 100) {
            $('.scrollup').fadeIn();
        } else {
            $('.scrollup').fadeOut();
        }
    });

    $('.scrollup').click(function () {
        $("html, body").animate({ scrollTop: 0 }, 600);
        return false;
    });

});




function OnAction(productID, imageURL) {
    $("#RollOverImage-" + productID).attr("src", imageURL);
}

function ToggleRow(id) {
    $("div.Row" + id).toggle("slow");
};

function Close() {
    $("#StatusMessagePanel").hide("slow");
}

this.tooltip = function () {
    xOffset = 0;
    yOffset = 0;

    $(".tooltip").hover(function (e) {
        this.t = this.title;
        this.title = "";
        $("body").append("<p id='TooltipStyle'>" + this.t + "</p>");
        $("#TooltipStyle")
            .css("top", (e.pageY - xOffset) + "px")
            .css("left", (e.pageX + yOffset) + "px")
            .fadeToggle(500);
    },
    function () {
        this.title = this.t;
        $("#TooltipStyle").remove();
    });
    $(".tooltip").mousemove(function (e) {
        $("#TooltipStyle")
            .css("top", (e.pageY - xOffset) + "px")
            .css("left", (e.pageX + yOffset) + "px");
    });
};

function initMenus() {
    $('ul#main_menu ul').hide();
    $('ul#main_menu li ').hover(function () {
        // var checkElement = $(this).next('ul');
        var parent = $(this).parents('ul').attr('id');
        //  var parents = $(this).parents('li');
        var parents = $(this).find('ul');
        $('#' + parent + ' ul:visible').hide();
        $(parents).show();
        $('#' + parent + ' ul:visible li:first').append('<div class="arr"><span></span></div>');
        $('#' + parent + ' ul:visible ').live({
            mouseleave: function () {
                $(this).hide();
            }
        }
        );
    });
}

$(function () {
    LResize();
    $(window).resize(function () { LResize(); });
    $(window).scroll(function () { scrollmenu(); });

    $('#Zice_Admin_text_search').bind('keyup change', function (ev) {
        var searchTerm = $(this).val();
        $('.text-search-data').removeHighlight();
        if (searchTerm) {
            $('.text-search-data').highlight(searchTerm);
        }
    });

    ////exam ui slider element
    //$("#slider-range-min").slider({
    //    range: "min",
    //    value: 212,
    //    min: 1,
    //    max: 700,
    //    slide: function (event, ui) {
    //        $("#amount").text("$" + ui.value);
    //    }
    //});

    //$("#amount").text("$" + $("#slider-range-min").slider("value"));

    //$("#slider-range").slider({
    //    range: true,
    //    min: 0,
    //    max: 500,
    //    values: [75, 300],
    //    slide: function (event, ui) {
    //        $("#amount2").text("$" + ui.values[0] + " - $" + ui.values[1]);
    //    }
    //});

    //$("#amount2").text("$" + $("#slider-range").slider("values", 0) + " - $" + $("#slider-range").slider("values", 1));

    //$("#slider").slider({
    //    value: 100,
    //    min: 0,
    //    max: 500,
    //    step: 50,
    //    slide: function (event, ui) {
    //        $("#amount3").text("$" + ui.value);
    //    }
    //});

    //$("#amount3").text("$" + $("#slider").slider("value"));

    //$("#eq > span").each(function () {
    //    // read initial values from markup and remove that
    //    var value = parseInt($(this).text(), 10);
    //    $(this).empty().slider({
    //        value: value,
    //        range: "min",
    //        animate: true,
    //        orientation: "vertical"
    //    });
    //});

    //$("#red, #green, #blue").slider({
    //    orientation: "horizontal",
    //    range: "min",
    //    max: 255,
    //    value: 127,
    //    slide: refreshSwatch,
    //    change: refreshSwatch
    //});

    //$("#red").slider("value", 190);
    //$("#green").slider("value", 221);
    //$("#blue").slider("value", 23);

    //$('.timepicker').timepicker({});

    // tipsy tootip
    $('.tip a ').tipsy({ gravity: 's', live: true });
    $('.ntip a ').tipsy({ gravity: 'n', live: true });
    $('.wtip a ').tipsy({ gravity: 'w', live: true });
    $('.etip a,.Base').tipsy({ gravity: 'e', live: true });
    $('.netip a ').tipsy({ gravity: 'ne', live: true });
    $('.nwtip a , .setting').tipsy({ gravity: 'nw', live: true });
    $('.swtip a,.iconmenu li a ').tipsy({ gravity: 'sw', live: true });
    $('.setip a ').tipsy({ gravity: 'se', live: true });
    $('.wtip input').tipsy({ trigger: 'focus', gravity: 'w', live: true });
    $('.etip input').tipsy({ trigger: 'focus', gravity: 'e', live: true });
    $('.iconBox, div.logout').tipsy({ gravity: 'ne', live: true });
    //$('.flot-graph').tipsy({ gravity: 'ne', live: true, trigger: 'click', });

    // profile webcam

    $(".takeWebcam").click(function () {
        $(".webcam").show('blind');
        return false;
    });
    $("#closeButton").click(function () {
        $(".webcam").hide('blind');
        return false;
    });

    function togglePane() {
        var visible = $(' .buttonPane:visible:first');
        var hidden = $(' .buttonPane:hidden:first');
        visible.fadeOut('fast', function () {
            hidden.show();
        });
    }

    //// images  editor tranfer
    //$('#reflect').click(function () {
    //    $('.animate').animate({ "reflect": true });
    //});
    //$('#reflectX').click(function () {
    //    $('.animate').animate({ "reflectX": true });
    //});
    //$('#reflectY').click(function () {
    //    $('.animate').animate({ "reflectY": true });
    //});
    //$('#reflectXY').click(function () {
    //    $('.animate').animate({ "reflectXY": true });
    //});
    //$('#reflectYX').click(function () {
    //    $('.animate').animate({ "reflectYX": true });
    //});
    ///////////////////////////////////////////////////////////////////////////

    //// images  editor crop
    //$('#target').Jcrop({
    //    bgFade: true,
    //    bgOpacity: .7,
    //    onChange: updateCoords,
    //    onSelect: updateCoords,
    //    aspectRatio: 4 / 3
    //}, function () {
    //    var bounds = this.getBounds();
    //    boundx = bounds[0];
    //    boundy = bounds[1];
    //    jcrop_api = this;
    //    var x1 = (boundx - 240) / 2;
    //    var y1 = (boundy - 180) / 2;
    //    var x2 = (x1 + 240);
    //    var y2 = (y1 + 180);
    //    jcrop_api.animateTo([x1, y1, x2, y2]);
    //});

    //function updateCoords(c) {
    //    $('#x').val(c.x);
    //    $('#y').val(c.y);
    //    $('#w').val(c.w);
    //    $('#h').val(c.h);
    //};

    //// checkbox  All in Table
    //$(".checkAll").live('click', function () {
    //    var table = $(this).parents('table').attr('id');
    //    var checkedStatus = this.checked;
    //    var id = this.id;
    //    $("table#" + table + " tbody tr td:first-child input:checkbox").each(function () {
    //        this.checked = checkedStatus;
    //        if (this.checked) {
    //            $(this).attr('checked', $('.' + id).is(':checked'));
    //            $('label[for=' + $(this).attr('id') + ']').addClass('checked ');
    //        } else {
    //            $(this).attr('checked', $('.' + id).is(''));
    //            $('label[for=' + $(this).attr('id') + ']').removeClass('checked ');
    //        }
    //    });
    //});

    //// ShowCode
    //$('.showCode').sourcerer('js html css php');
    //$('.showCodeJS').sourcerer('js');
    //$('.showCodeHTML').sourcerer('html');
    //$('.showCodePHP').sourcerer('php');
    //$('.showCodeCSS').sourcerer('css');

    //// icon  Logout
    //$('div.logout').hover(function () {
    //    var name = $(this).find('img').attr('alt');
    //    $(this).find('img').animate({ opacity: 0.4 }, 200, function () {
    //        $(this).attr('src', 'Graphics/' + name + '.png').animate({ opacity: 1 }, 500);
    //    });
    //}, function () {
    //    var name = $(this).find('img').attr('name');
    //    $(this).find('img').animate({ opacity: 0.5 }, 200, function () {
    //        $(this).attr('src', 'Graphics/' + name + '.png').animate({ opacity: 1 }, 500);
    //    });
    //})

    //// CHARTS
    //$("table.chart").each(function () {
    //    var colors = [];
    //    $("table.chart thead th:not(:first)").each(function () {
    //        colors.push($(this).css("color"));
    //    });
    //    $(this).graphTable({
    //        series: 'columns',
    //        position: 'replace',
    //        width: '96%',
    //        height: '423px',
    //        colors: colors
    //    }, {
    //        xaxis: { tickSize: 1 },
    //        yaxis: {
    //            max: 1000,
    //            min: 0,
    //        }, series: {
    //            points: { show: true },
    //            lines: { show: true, fill: true, steps: false },
    //        }
    //    });
    //});
    //$("table.chart2").each(function () {
    //    var colors = [];
    //    $("table.chart thead th:not(:first)").each(function () {
    //        colors.push($(this).css("color"));
    //    });
    //    $(this).graphTable({
    //        series: 'columns', position: 'replace', width: '100%', height: '300px', colors: colors
    //    }, {
    //        xaxis: { tickSize: 1, },
    //        yaxis: {
    //            max: 1000,
    //            min: 200,
    //        }, series: {
    //            points: { show: true },
    //            lines: { show: true, fill: true, steps: false },
    //        }
    //    });
    //});
    //$("table.chart-pie").each(function () {
    //    var colors = [];
    //    $("table.chart-pie thead th:not(:first)").each(function () {
    //        colors.push($(this).css("color"));
    //    });
    //    $(this).graphTable({
    //        series: 'columns',
    //        position: 'replace',
    //        width: '100%',
    //        height: '325px',
    //        colors: colors
    //    }, {
    //        series: {
    //            pie: {
    //                show: true,
    //                innerRadius: 0.5,
    //                radius: 1,
    //                tilt: 1,
    //                label: {
    //                    show: true,
    //                    radius: 1,
    //                    formatter: function (label, series) {
    //                        return '<div id="tooltipPie"><b>' + label + '</b> : ' + Math.round(series.percent) + '%</div>';
    //                    },
    //                    background: { opacity: 0 }
    //                }
    //            }
    //        },
    //        legend: {
    //            show: false
    //        },
    //        grid: {
    //            hoverable: false,
    //            autoHighlight: true
    //        }
    //    });
    //});

    //$("table.chart-line").each(function () {
    //    var colors = [];
    //    $("table.chart-line thead th:not(:first)").each(function () {
    //        colors.push($(this).css("color"));
    //    });
    //    $(this).graphTable({
    //        series: 'columns', position: 'replace', width: '99%', height: '350px', colors: colors
    //    }, {
    //        xaxis: { tickSize: 3 },
    //        series: {
    //            points: { show: true },
    //            lines: { show: true, fill: false, steps: false },
    //            bars: { show: false, barWidth: 0.6 },
    //        },
    //        yaxis: {
    //            max: 1000,
    //            min: 0,
    //        }
    //    });
    //});
    //$("table.chart-bar").each(function () {
    //    var colors = [];
    //    $("table.chart-bar thead th:not(:first)").each(function () {
    //        colors.push($(this).css("color"));
    //    });
    //    $(this).graphTable({
    //        series: 'columns', position: 'replace', width: '99%', height: '350px', colors: colors
    //    }, {
    //        xaxis: { tickSize: 1 },
    //        series: {
    //            lines: { show: false },
    //            bars: {
    //                show: true,
    //                lineWidth: 1,
    //                barWidth: 0.4,
    //                fill: true,
    //                align: "center",
    //                horizontal: false,
    //                multiplebars: true
    //            },
    //            points: {
    //                show: false
    //            }
    //        }
    //		,
    //        yaxis: {
    //            max: 1000,
    //            min: 0,
    //        }
    //    });
    //});

    //function showTooltip(x, y, contents) {
    //    $('<div id="tooltip" >' + contents + '</div>').css({
    //        position: 'absolute',
    //        display: 'none',
    //        top: y - 13,
    //        left: x + 10
    //    }).appendTo("body").show();
    //}

    //var previousPoint = null;
    //$(".chart_flot").bind("plothover", function (event, pos, item) {
    //    $("#x").text(pos.x);
    //    $("#y").text(pos.y);

    //    if (item) {
    //        if (previousPoint != item.dataIndex) {
    //            previousPoint = item.dataIndex;

    //            $(this).attr('title', item.series.label);
    //            $(this).trigger('click');
    //            $("#tooltip").remove();
    //            var x = item.datapoint[0],
    //                y = item.datapoint[1];

    //            showTooltip(item.pageX, item.pageY, "<b>" + item.series.label + "</b> : " + y);
    //        }
    //    } else {
    //        $("#tooltip").remove();
    //        previousPoint = null;
    //    }
    //});


});

var mybrowser = navigator.userAgent;
if (mybrowser.indexOf('MSIE') > 0) {
    $(function () {
        $('.formEl_b fieldset').css('padding-top', '0');
        $('div.section label small').css('font-size', '10px');
        $('div.section  div .select_box').css({ 'margin-left': '-5px' });
        $('.uibutton').css({ 'padding-top': '6px' });
        $('.uibutton.icon:before').css({ 'top': '1px' });
    });
}
if (mybrowser.indexOf('Firefox') > 0) {
    $(function () {
        $('.formEl_b fieldset  legend').css('margin-bottom', '0px');
    });
}
if (mybrowser.indexOf('Presto') > 0) {
    $('select').css('padding-top', '8px');
}
if (mybrowser.indexOf('Chrome') > 0) {
    $(function () {
        $('div.tab_content  ul.uibutton-group').css('margin-top', '-40px');
        $('div.section  div .select_box').css({ 'margin-top': '0px', 'margin-left': '-2px' });
        $('select').css('padding', '6px');
    });
}
if (mybrowser.indexOf('Safari') > 0) { }

//function hexFromRGB(r, g, b) {
//    var hex = [
//        r.toString(16),
//        g.toString(16),
//        b.toString(16)
//    ];
//    $.each(hex, function (nr, val) {
//        if (val.length === 1) {
//            hex[nr] = "0" + val;
//        }
//    });
//    return hex.join("").toUpperCase();
//}

//function refreshSwatch() {
//    var red = $("#red").slider("value"),
//        green = $("#green").slider("value"),
//        blue = $("#blue").slider("value"),
//        hex = hexFromRGB(red, green, blue);
//    $("#swatch").css("background-color", "#" + hex);
//}

function scrollmenu() {
    if ($(window).scrollTop() >= 1) {
        $("#header ").css("z-index", "50");
    } else {
        $("#header ").css("z-index", "47");
    }
}

function LResize() {
    scrollmenu();

    $("#shadowhead").show();

    if ($(window).width() <= 956) {
        $('body').removeClass('dashborad').addClass('nobg');
        $('#shadowhead').css({ position: "fixed" });
        $(' .column_left, .column_right ,.grid2,.grid3,.grid1').css({ width: "100%", float: "none", padding: "0", marginBottom: "20px" });
        $('#left_menu,#load_menu').css({ left: "0px" }); $('#content').css({ marginLeft: "70px" });
        $('#main_menu').removeClass('main_menu').addClass('iconmenu');
        $('#main_menu li').each(function () {
            var title = $(this).find('b').text();
            $(this).find('a').attr('title', title);
        });
        $('#main_menu li a').find('b').hide();
        $('#main_menu li ').find('ul').hide();
    }

    if ($(window).width() > 956) {
        $('#main_menu').removeClass('iconmenu ').addClass('main_menu');
        $('#main_menu li a').find('b').show();
        $('.column_left,.column_right,.grid2').css({ width: "49%", float: "left" });
        $('.column_left').css({ 'padding-right': "1%" });
        $('.column_right').css({ 'padding-left': "1%" });
        $('.grid1').css({ width: "24%", float: "left" }); $('.grid3').css({ width: "74%", float: "left" });
        $('#left_menu,#load_menu').css({ left: "0px" });
        $('#content').css({ marginLeft: "240px" });
        $('body').removeClass('nobg').addClass('dashborad');
        $('#shadowhead').css({ position: "absolute" });
    } else {
        $(' .column_left, .column_right ,.grid2,.grid3,.grid1').css({ width: "100%", float: "none", padding: "0", marginBottom: "20px" });
    }
}